import React, { ReactNode } from 'react'
import { Jumbotron } from 'src/components/jumbotron'
import { CustomBackTop } from 'src/components/backTop'

interface BaseDetailPageProps {
    data: {
        title: string;
        subTitle?: string;
    };
    children: ReactNode;
}

export const BaseDetailPage: React.FC<BaseDetailPageProps> = (props: BaseDetailPageProps) => (
    <>
        <Jumbotron title={props.data.title} space={'small'} subTitle={props.data.subTitle}/>
        {props.children}
        <CustomBackTop/>
    </>
)
